@charset "utf-8";
/* Import de la CSS d'initialisation
----------------------------------------------------------*/
@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/
body { color:#000; font-size:12px; font-family: Arial, Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }

h1, h2, h3, h4, h5, h6 { color:#000; }
h1 { font-weight:700; font-size:1.1em; }
h2 { font-weight:700; font-size:1.3em; }
h3 { font-weight:700; font-size:1.17em; }
h4 { font-weight:700; font-size:1em; }
h5 { font-size:.83em; }
h6 { font-size:.67em; }
p, ul, ol, li { font-size:1em; }
a { color:#000; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { color:#000; padding:3px; }
input { color:#000; padding:3px; }

/* Intro */
#intro h1 { color:#000; } /* couleur du h1 de l'intro */
#intro p, #intro a { color:#000; } /* couleur du texte de l'intro */
#intro p { font-size:.9em; }

/* Adresse : Liens de bas de page
----------------------------------------------------------*/
#adresse p, #adresse a { color:#510545; } /* couleur des liens de bas de page */
#adresse p { font-size:.9em; }

/* Image de validation W3C
----------------------------------------------------------*/
/*#validator a img { background-color:#000; } - Activer le CSS si le fond du site est blanc */


/* Éléments Particuliers
----------------------------------------------------------*/
/* Placement d'images */
.imgLeft { float:left; padding-bottom:0; margin:0 2em 0 0; /*border:1px solid #000;*/ }
.imgRight { float:right; padding-bottom:0; margin:0 0 0 2em; /*border:1px solid #000;*/ }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }
.souligne { text-decoration:underline; }
.br { display:block; }

/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }

/* Les "nettoyeurs" */
.clearb { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }


/*	Mise en page
----------------------------------------------------------*/

/*	Page d'accueil
----------------------------------------------------------*/
/*h1#chapeau { padding:1em 0 2em; }*/ 
.illustration { float:left; padding:0 2em 30px 0; margin-top:20px; }
/*#p_accueil { margin-top:.5em; } - Activer pour descendre le 1er paragraphe */

/*	Site en cours de réalisation
----------------------------------------------------------*/
#site { text-align:center; padding-top:5em; }

/*	Mentions Légales
----------------------------------------------------------*/
#infoclient {  margin-bottom:1.7em; }
#hebergeur { margin-bottom:1.5em; float:right;}
#mmenu
{
	height:46px;
	width:1024px;
	background:url(../images/bg-mainmenu.png) repeat-x;
	border-radius:5px;
	line-height:44px;
}
#mmenu ul
{
}
#mmenu ul li
{
	list-style:none;
	height:46px;
	line-height:46px;
	float:left;
	background:url(../images/line-mainmenu.png) right no-repeat;
}
#mmenu ul li.lasted
{
	list-style:none;
	height:46px;
	line-height:46px;
	float:left;
	background:none;
}
#mmenu ul li:hover
{
	list-style:none;
	height:45px;
	line-height:45px;
	float:left;
	background:#c33db8;
}
#mmenu ul li a
{
	text-decoration:none;
	padding:0 25px;
	padding:0 24px\9;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.75)
}

.bg-anphabet
{
	width:1024px;
	height:24px;
	background: -moz-radial-gradient(50% 100% 0deg, #e6e6e6, #f8f8f8 100%) repeat scroll 0 0 #e6e6e6;
	margin-bottom:5px;
}
.lefttitle
{
	font-size:12px;
	font-weight:bold;
	color:#4e1144;
	height:25px;
	line-height:25px;
	padding-left:15px;
	margin-top:5px;
}

.produclist ul
{
	padding-left:15px;
}
.produclist ul li
{
	list-style:none;
	height:22px;
	line-height:22px;
}
.produclist ul li a
{
	text-decoration:none;
	color:#484848;
}
.produclist ul li a:hover
{
color:#c33db8;	
}
#slide
{
	width:600px;
	height:417px;
}
.banner
{
	width:203px;
	height:136px;
	margin-bottom:4px;
}
.foottitle
{
	font-size:12px;
	font-weight:bold;
	color:#fff;
	height:25px;
	line-height:25px;
	padding-left:15px;
	margin-top:5px;
}
.produclistfoot
{
	float:left;
	margin-right:10px;
	width:160px;
	margin-bottom:35px;
}
.produclistfoot ul
{
	padding-left:15px;
}
.produclistfoot ul li
{
	list-style:none;
	height:22px;
	line-height:22px;
}
.produclistfoot ul li a
{
	text-decoration:none;
	color:#92177e !important;
}
.produclistfoot ul li a:hover
{
color:#bb20a1 !important;	
}
#signature
{
	background:#260721;
}
.info
{
	width:1024px;
	margin:0 auto;
	color:#510545 !important;
	padding:10px 5px;
}
#logo
{
	width:274px;
	height:111px;
	float:left;
	margin-right:5px;
}
#framesearch
{
	width:560px;
	height:93px;
	float:left;
	padding-top:22px;
}
#boxsearch
{
	width:528px;
	background:url(../images/bg-search.png) repeat;
	box-shadow:0 0 3px #AEAEAE;
	padding:7px;
}
#contentsearch
{
	width:440px;
	background:url(../images/bg-contsearch.png) repeat-x;
	float:left;
	border:1px solid #f0f0f0;
	padding:7px;
	vertical-align:middle;
	text-align:left;
	color:#484848;
	font-style:italic;
	
}
#buttonsearch
{
	width:68px;
	height:31px;
	background:url(../images/bg-btsearch.png) repeat-x;
	line-height:31px;
	text-align:center;
	color:#FFF;
	float:left;
	font-weight:bold;
	cursor:pointer;
}
#hotline
{
	width:528px;
	height:25px;
	text-align:left;
}
#framevirtua
{
	width:184px;
	height:68px;
	float:right;
	padding-top:44px;
}
#boxvirtua
{
	width:160px;
	height:32px;
	background: -moz-radial-gradient(50% 60% 0deg, #f8f8f8, #e4e4e4 100%) repeat scroll 0 0 #f1f1f1;
	background-color:#e4e4e4;
    border-radius: 3px;
	line-height:47px;
	color:#cf38b4;
	font-weight:bold;
	padding:8px;
	
}
#virtua-img
{
	width:34px;
	height:32px;
	float:left;
	margin-right:10px;
}
#virtua-txt
{
	width:112px;
	height:32px;
	float:left;
	text-align:left;
	color:#cf38b4;
	line-height:34px;
}
.titlepage
{
	height:38px;
	border-radius:5px;
	background: -moz-radial-gradient(50% 60% 90deg, #f8f8f8, #e4e4e4 100%) repeat scroll 0 0 #f1f1f1;
	background-color:#e4e4e4;
	margin-bottom:10px;
	text-align:left;
}
.titleconte
{
	height:38px;
	width:185px;
	line-height:38px;
	background:#4f1044;
	color:#FFF;
	text-align:left;
	padding-left:20px;
	border-radius:5px 0 0 5px;
	
}
.box-product
{
	width:250px;
	height:386px;
	box-shadow:0 0 3px #AEAEAE;
	border:1px solid #AEAEAE;
	position:relative;
	z-index:1;
	float:left;
	text-align:center;
	background:#fff;
	overflow:hidden;
	margin-right:27px;
}
.box-product2
{
	width:250px;
	height:386px;
	box-shadow:0 0 3px #AEAEAE;
	border:1px solid #AEAEAE;
	position:relative;
	z-index:1;
	float:right;
	text-align:center;
	background:#fff;
	overflow:hidden;
}
.box-product:hover
{
	width:250px;
	height:386px;
	box-shadow:0 0 8px #c846be;
	border:1px solid #c846be;
	position:relative;
	z-index:1;
	float:left;
	text-align:center;
}
.box-product2:hover
{
	width:250px;
	height:386px;
	box-shadow:0 0 8px #c846be;
	border:1px solid #c846be;
	position:relative;
	z-index:1;
	float:left;
	text-align:center;
}
.product-img
{
	width:250px;
	height:270px;
	position:relative;
	z-index:2;
	text-align:center;
	margin:0 auto;
}
.product-name
{
	color:#272727;
	padding:5px;
	height:52px;
}
.product-name a
{
	text-decoration: none;
	color:#272727;
}
.product-price
{
	padding:6px;
}
.price-new
{
	color:#c846be;
	font-weight:bold;
	font-size:12px;
}
.price-old
{
	color:#a09c9f;
	font-style:oblique;
	font-weight:bold;
	text-decoration:line-through;
	font-size:11px;
	padding-right:10px;
}
.view
{
	color:#a09c9f;
	font-size:11px;
}
.view-morecat
{
	padding:5px;
	color:#9a9a9a;
	text-align:left;
	background:#f9f9f9;
	border-top:1px solid #ededed;
}
.view-morecat a
{
	color:#9a9a9a;
}
.labelnew
{
	width:21px;
	height:53px;
	position: absolute;
	z-index:5;
	background:url(../images/sale.png) no-repeat;
	top:0;
	left:7px;
}
.titlecolleft2
{
	height:30px;
	padding:5px;
	text-align:center;
	background:#4e1143;
	color:#fff;
	line-height:30px;
	margin-top:10px;
	margin-bottom:17px;
}
.social
{
	text-align:center;
	width:220px;
}
.box-comment
{
	padding:5px 0; 
	border-bottom:1px solid #ededed;
	text-align:justify;
}
.commnent-img
{
	width:174px;
	height:118px;
	margin-right:10px;
	float:left;
}
.comnment-ttl
{
	font-weight:bold;
	color:#4f1044;
	margin-bottom: 5px;
}
.commnent-day
{
	height:20px;
	line-height:20px;
}
.commnent-user
{
	height:25px;
	line-height:25px;
}
.commnent-ticket
{
	color:#94177e;
	height:25px;
	line-height:25px;
}
.comment-content
{
}
.bx-prev{
	background: url("../images/arrow-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
height: 38px;
left: 1%;
position: relative;
top: -264px;
width: 35px;
z-index: 99999;
text-indent: -9999px;
}
.bx-next{
	background: url("../images/arrow-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
height: 38px;
position: relative;
right: -94%;
top: -307px;
width: 35px;
z-index: 99999;
text-indent: -9999px;
}
.bx-viewport{
	overflow: inherit !important;
}
.bxslider li{
	margin-left: -10px;
}
.list_img_thumb{
	float: left;
margin-left: 30px;
width: 70px;
}
.list_img_thumb > a{
	border: 2px solid #FFFFFF;
border-radius: 3px;
display: inline-block;
margin: 0;
opacity: 0.8;
padding: 2px;
position: relative;
float:left;
}
.content_pro{
	float: left;
	width:100%;
	background:#fff;
	border: 1px solid #CCCCCC;
    border-radius: 8px;
}

.detail_pro {
    float: left;
    width:735px;
}
.detail_pro > h1{
	 color: #545454;
    font-size: 19px;
    font-weight: normal;
}
.bx-wrapper{
	overflow: hidden;
}
.div_pro_color{
	float: left;
margin: auto;
position: relative;
width: 630px;
margin-bottom:20px;
}
.div_pro_color .bx-prev{
	background: url("../images/prev.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 50px;
    left: 5%;
    position: absolute;
    top: 20%;
    width: 39px;
}
.div_pro_color .bx-next{
	background: url("../images/next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 50px;
    position: absolute;
    right: 5%;
    top: 20%;
    width: 39px;
   
}
.brandLogo {
    border-left: 1px solid #DDDDDD;
    float: right;
    text-align: center;
    width: 288px;
}
.img_detail{
	float:left;
}
/* button add to cart */
.btn-fox:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
.btn-fox.green:after {
    background: none repeat scroll 0 0 #557423;
}
.btn-fox:after {
    background: none repeat scroll 0 0 #000000;
    border-radius: 3px;
    content: "";
    display: block;
    height: 6px;
    left: -1px;
    margin: -3px 0 0;
    position: absolute;
    right: -1px;
    top: 100%;
    z-index: -1 !important;
}
#productForm .addToCart {
    font-size: 18px;
    margin: 10px 0 0;
    padding: 10px;
    width: 180px;
}
.btn-fox.green {
    background-color: #729331;
    border-color: #557423;
    color: #FFFFFF;
    font-size:18px;
}
.btn-fox, .btn-fox:visited {
    border: 1px solid;
    border-radius: 3px;
    display: inline-block;
    outline: medium none;
    padding: 8px 12px;
    position: relative;
}
.addToCart {
    padding: 6px 12px 4px;
    width:180px;
    height:45px;
    box-shadow: 0 1px 7px #557423;
}
.price_old{
	color: #777777;
    display: block;
    font-family: 'Georgia',serif;
    font-size: 17px;
    margin: -4px 0 0;
    text-decoration: line-through;
    margin-top:20px;
}
.price_promotion{
	color: #CC201A;
display: block;
font-family: 'Georgia',serif;
font-size: 29px;
font-style: normal;
font-weight: bold;
margin-bottom: 10px;
margin-left: 6px;
}
.ship_free{
	background: url("../images/img_smavaru.png") no-repeat scroll 0 -338px rgba(0, 0, 0, 0);
  color: #2C5987;
  display: block;
  font-size: 14px;
  height: 13px;
  left: 60px;
  margin: 0 4px 20px 35px;
  padding: 0 0 3px 4px;
  position: relative;
  width: 110px;
}
.detail_right select{
	border: 1px solid #CCCCCC;
	color: #000000;
	font-size: 13px;
	font-weight: normal;
	height: 30px;
	margin: 0 0 15px;
	text-transform: capitalize;
	width: 178px;
	border-radius: 6px;
    font-family: Verdana,Arial,sans;
    outline: 0 none;
    overflow: visible;
    text-decoration: none;
    background: none repeat scroll 0 -444px #E8E8E8;
    border: 1px solid #DDDDDD;
    padding: 5px 8px;
    text-indent: 0;
}
.detail_right select:focus{
	border-color: #85C0FF;
box-shadow: 0 0 6px #85C0FF;
outline: medium none;
}
.detail_right {
    float: right;
    width: 289px;
    background:#F1F1F1;
    padding-bottom:20px;
}
.detail_right > div{
	margin-bottom:20px;
}
.icon_sale{
	background: url("../images/img_smavaru.png") no-repeat scroll -183px -285px rgba(0, 0, 0, 0);
display: block;
height: 55px;
margin-left: 30px;
position: absolute;
width: 23px;
}
.share {
  height: 30px;
  margin-left: 39px;
  margin-top: -5px;
  padding: 0 0 20px;
  position: relative;
  width: 230px;
}
#sharePrefix {
  color: #777777;
  float: left;
  font-size: 12px;
  padding: 9px 8px 0 10px;
}

.share-box.custom-style {
    margin-right: -13px;
}
.share-box {
    float: left;
    margin: -10px -14px -10px -16px;
    padding: 15px;
    text-indent: -300em;
}
#share-facebook.custom-style .inner, #share-twitter.custom-style .inner, #share-pinterest.custom-style .inner, #share-email.custom-style a {
    height: 24px;
    overflow: hidden;
    width: 24px;
}

#share-facebook.custom-style .fake-button {
    background-position: 0 -292px;
}
.share-box .fake-button {
  background: url("../images/img_smavaru.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}